<template>
    <div class="order banxin">
        <!-- 面包屑 -->
        <ul class="bread">
          <li @click="$router.push('/')" :class="   {'active': $route.path === '/home' ||  $route.path === '/'}">首页 <i>/</i></li> 
          <li class="active">我的订单</li>
        </ul>
        <img src="../assets/images/404.jpg" alt="">
    </div>
</template>

<script>
export default {
    data () {
        return {}
    }
}
</script>
 
<style lang = "less" scoped>
@import "../assets/base.less";
.order {
    .bread {
        color: #999999;
        display: flex;
        margin-top: 60px;
        padding-bottom: 20px;
        li {
            display: block;
            font-size: 16px;
            cursor: pointer;
            i {
                margin-right: 6px;
            }
            &.active{
                font-weight: bold;
                color: #000;
            }
        }
   }
}
</style>